<!DOCTYPE HTML>
<html>
<head>
<title>Contact</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/basic_style.css" media="all" type="text/css">
<link rel="stylesheet" href="css/boxs.css" media="all" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
<script src="js/mycode.js"></script>
<script src="js/modernizr.js"></script>
 <!-- jQuery -->
<script src="./js/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="./js/libs/jquery-1.7.min.js">\x3C/script>')</script>
<!-- FlexSlider -->
<script defer src="./js/jquery.flexslider.js"></script>
<script type="text/javascript">
    $(function(){
      SyntaxHighlighter.all();
    });
    $(window).load(function(){
      $('.flexslider').flexslider({
        animation: "slide",
        start: function(slider){
          $('body').removeClass('loading');
        }
      });
    });
</script>
</head>
<body>
    <div class="wrap">
        <div class="header-bg">
            <div class="login">
            	<?php
					include ("motion.php");
					if(isset($_SESSION['logined']) && $_SESSION['logined'] == "uy"){
						echo"
							<form action='motion.php' method='post' onSubmit='javascript:return loginform();'>
								<table>
									<td>
										<tr>
											<label><a href='user.php'>".$_SESSION['uname']."</a></label>
										</tr>
										<tr>
											<label style='margin-left:6px; color:orange;'>Welcome to HK Foodlife! </label>
										</tr>
									</td>
								 </table>
							</form>
						";
					}
					else
					{
						echo"
							<form name='login' action='motion.php' method='post' onSubmit='javascript:return loginform();'>
								<table>
									<td>
										<tr>
											<label>Username : </label>
										</tr>
										<tr>
											<input type='text' name='uname' placeholder='username'>
										</tr>
										<tr>
											<label style='margin-left:6px;'>Password : </label>
										</tr>
										<tr>
											<input type='password' name='pass' value='' style='margin-right:10px;' placeholder='password'>
										</tr>
										<tr>
											<input type='submit' name='login' value='Login' style='margin-right:7px; border-right:1px gray dotted;'>
										</tr>
									</td>
								 </table>
							</form>
						";
					}
				?>
            </div>
            <div class="top_link">
            	<a href="register.php">Register</a>
            </div>
            <div class="clear"></div>
        </div>
        <div class="header">
            <div class="logo">
                <h1><a href="index.php"><img src="images/LOGO.png" width=60% height=50%></a></h1>
            </div>
            <div class="nav">
               	<ul>
                  <li><a href="index.php">Home</a></li>
                  <li><a href="order.php">Order</a></li>
                  <li class="active"><a href="contact.php">Contact</a></li>
                </ul>
            </div>
            <div class="clear"></div>
            <section class="slider">
                <div class="flexslider">
                    <div class="flex-viewport" style="overflow: hidden; position: relative;">
                        <ul class="slides" style="width: 1200%; -webkit-transition: 0.6s; transition: 0.6s; -webkit-transform: translate3d(-5032px, 0, 0);">
                            <li class="clone" style="width: 1258px; float: left; display: block;">
                                <img src="images/HOMEP1.jpg">
                            </li>
                            <li style="width: 1258px; float: left; display: block;" class="">
                                <img src="images/HOMEP2.jpg">
                            </li>
                            <li class="" style="width: 1258px; float: left; display: block;">
                                <img src="images/HOMEP3.jpg">
                            </li>
                            <li class="" style="width: 1258px; float: left; display: block;">
                               <img src="images/HOMEP1.jpg">
                            </li>
                            <li style="width: 1258px; float: left; display: block;" class="flex-active-slide">
                             <img src="images/HOMEP2.jpg">
                            </li>
                            <li style="width: 1258px; float: left; display: block;" class="clone">
                                <img src="images/HOMEP3.jpg">
                            </li>
                   		</ul>
                 	</div>
             	</div>
        	</section>
        	<div class="clear"></div>
        </div>
        <div class="main mar_t18">
        	<div class="content">
            	<form>
         			<fieldset>
               			<legend class="subcontent"><strong>Map</strong></legend>
                 		<p><center><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3988.805869281536!2d103.858201!3d1.290795!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31da19a860b5b6b7%3A0x2030f2353a974ed5!2sMandarin+Oriental%2C+Singapore!5e0!3m2!1sen!2s!4v1398752095946" width="396" height="390" frameborder="0" style="border:0"></iframe></center></p>
             		</fieldset>
        		</form>
                <form class="mar_t10 bor_b">
                	<fieldset>
                  		<legend class="subcontent"><strong>Contact Way</strong></legend>
                 			<p class="subcontent">
                       		<center>
                        		Fax Number: 8453-0459<br>
                          		Phone Number: +65 8203-0239<br>
                           		Email Address: hkfoodlife_order@gmail.com<br>
                        	</center>
                        	</p>
                   	</fieldset>
              	</form>
                <form name="feedback_form" id="feedback_form" action="#" method="post" class="mar_t18" onSubmit="javascript:return checkform();">
                	<fieldset>
                            <legend class="subcontent"><strong>Feedback Box</strong></legend>
                            <table border="0" cellspacing="2" cellpadding="1">
                                <tr> 
                                  <th width="158" class="text_float_r">
                                    <label for="fname">Name</label>
                                  </th>
                                  <td width="10">:</td>
                                  <td width="262"><input type="text" name="fname" id="fname" size="30" /></td>
                                </tr>
                                <tr> 
                                  <th class="text_float_r">
                                    <label for="fphone">Phone Number</label>
                                  </th>
                                  <td width="10">:</td>
                                  <td><input type="text" name="fphone" id="fphone" size="35" placeholder="e.g. 845800600"  onkeydown="checklength('fphone', 8);" /></td>
                                </tr>
                                <tr> 
                                  <th class="text_float_r">
                                    <label for="femail">Email Address</label>
                                  </th>
                                  <td width="10">:</td>
                                  <td><input type="text" name="femail" id="femail" size="35" style="color:#000000" value=""></td>
                                </tr>
                                <tr>
                                    <th class="text_float_r">
                                    <label for="TravelFreq">How often do you order food online?</label>
                                    </th>
                                    <td width="10">:</td>
                                    <td>
                                        <select name="TravelFreq" id="TravelFreq">
                                            <option value="Never">Never</option>
                                            <option value="Monthly">Few times a month</option>
                                            <option value="Weekly">Twice a week</option>
                                            <option value="MoreWeekly">More than twice a week</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr> 
                                  <th>Your comments</th>
                                  <td width="10">:</td>
                                  <td> 
                                    <textarea name="Comments" cols="30" rows="7" id="Comments"></textarea>
                                  </td>
                                </tr>
                                <tr>
                                	<td colspan="3" align="center"><span style="text-align:center">
                                    	<input type="submit" name="submit1" value="Submit">
                                        <input type="reset" name="rewrite" value="Cancel" onclick="return confirm('Are you sure you want to rewrite all files?');">
                                    </span></td>
                                </tr>
                                </table>
                            </fieldset>
                      </form>
            </div>
        </div>
        <div class="section group">
        	<div class="col span_1_of_2">
            	<h2>Mission</h2>
                <ul class="nul">
                	<li>1.That the food and drink we sell meets the highest standards of quality, freshness and seasonality and combines both modern-creative and traditional southern styles of cooking.</li>
                    <li>2.To consistently provide our customers with impeccable service by demonstrating warmth, graciousness, efficiency, knowledge, professionalism and integrity in our work</li>
                    <li>3.To have every customer who comes through our doors leave impressed by HK foodlife and excited to come back again. </li>
                    <li>4.To be a giving member of the Hongkong community and to use our restaurant to improve the quality of life in the Hongkong. </li>
                </ul>
            </div>
            <div class="col span_1_of_2">
            	<h2>contact</h2>
          		<table>
                	<tr style="text-align:center;">
                        <td width="52" >
                        	Phone </td>
                        <td width="14">
                        	:
                        </td>
                        <td width="340" style="text-align:left;">
                        	+65 8203-0239
                        </td>
                    </tr>
                    <tr style="text-align:center;">
                        <td width="52" >
                        	Email </td>
                        <td width="14">
                        	:
                        </td>
                        <td width="340" style="text-align:left;">
                        	hkfoodlife_order@gmail.com
                        </td>
                    </tr>
                    <tr style="text-align:center;">
                        <td width="52" >
                        	Fax </td>
                        <td width="14">
                        	:
                        </td>
                        <td width="340" style="text-align:left;">
                        	8453-0459
                        </td>
                    </tr>
                    <tr style="text-align:center;">
                        <td width="52" >
                        	Address </td>
                        <td width="14">
                        	:
                        </td>
                        <td width="340" style="text-align:left;">
                        	15 Mandarina Avenue, Marina Square, Singapore 039799
                        </td>
                    </tr>
                </table>
            </div>
            <div class="box2 mar_l10 mar_t18"><img src="images/rastuarant.jpg" width="436" height="290" class="float-rt"></div>
        </div>
        <div class="footer">
        	<p class="w3-link">© 2014 JCU Students | Designed by HKFL Team</p>
        </div>
	</div>
</body>
</html>